<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>点菜-PAD</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body onload="time()">
    <!-- Start index -->
    <div class="index">
        <div class="index-top">
            外婆家1号
        </div>
        <div class="index-center">
            <div class="row">
           	    <div class="col-sm-2">
           	        <div class="index-nav">
           	           <div id="showtime"></div>
           	           <p>上次操作员工10001</p>
           	        </div>
           	    </div>
           	    <div class="col-sm-2">
           	        <div class="index-nav nav-home">
           	            <a href="index.html" class="active">首页</a>
           	        </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">设置打印机</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">修改密码</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home nav-pad">
	           	        <a href="pad-select.html">切换PAD</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">退出登录</a>
	           	    </div>
           	    </div>
            </div>
        </div>
        
        <div class="paymenu">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="pay-menu-left">
                            <h4>订单号:F1K2016041500001</h4>
                            <div class="pay-num-table">
                                <div class="row">
                                    <div class="col-sm-3">
                                        桌号:桌4
                                    </div>
                                    <div class="col-sm-3">
                                        人数：20人
                                    </div>
                                </div>
                            </div>
                            
                            <table class="table" style="margin-bottom:0">
                                <thead>
                                    <tr>
                                        <th style="width:300px">菜名</th>
                                        <th style="background:#d3d3c6">价格(元)</th>
                                        <th>数量</th>
                                        <th style="background:#d3d3c6;">总价(元)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>香菇青菜炒肉片</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                    <tr>
                                        <td>香菇青菜炒肉片</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                    <tr>
                                        <td>香菇青菜炒肉片</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                    <tr>
                                        <td>香菇青菜炒肉片</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                    <tr>
                                        <td>香菇青菜炒肉片</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                    <tr>
                                        <td>噩王焖羊肉蚕蕉烧菜心塑蝗烩噩王焖羊肉蚕蕉烧菜心塑蝗烩···</td>
                                        <td>1234.12</td>
                                        <td>
                                            <div class="btn_wrap btnp counter"><button class="list_minus counter_minus fl" ></button><i class="nocounter fl">1</i><button class="list_add counter_plus" ></button></div>
                                        </td>
                                        <td><input type="number" value="1234.12"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="pay-menu-right">
                            <div class="title">
                                结账
                            </div>
                            <div class="row pay-money-info">
                                <div class="col-sm-6">总消费金额(元)</div>
                                <div class="col-sm-6 pay-money"><input type="number" value="167.50"></div>
                                <div class="col-sm-6 ">其他(元)</div>
                                <div class="col-sm-6 pay-money"><input type="number" value="167.50"></div>
                                <div class="col-sm-6">优惠(元)</div>
                                <div class="col-sm-6 pay-money"><input type="number" value="167.50"></div>
                                <div class="col-sm-6">合计(元)</div>
                                <div class="col-sm-6 pay-money"><input type="number" value="167.50"></div>
                                <div class="col-sm-6">收款方式</div>
                                <div class="col-sm-6 pay-money-select" id="cpra"><i>现金</i></div>
                            </div>

                            <ul class="clearfix" id="cpnum">
                                <li class="show">现金</li>
                                <li>银行卡</li>
                                <li>微信支付</li>
                                <li>支付宝</li>
                                <li>其他</li>
                            </ul>

                            <ul class="clearfix" id="ctt">
                                <li><a href="">打印结账单</a></li>
                                <li><a href="">完成结账</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End index -->

	<!-- jQuery文件 -->
	<script src="js/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
	 <script src="js/jquery.fly.min.js"></script><!--飞入购物车特效 js-->
    <script src="js/requestAnimationFrame.js"></script> <!--飞入购物车特效 js IE10以下-->
	<script language=Javascript> 
		function time(){
		    //获得显示时间的div
		    t_div = document.getElementById('showtime');
		   var now=new Date()
		    //替换div内容 
		   t_div.innerHTML = now.getFullYear()
		    +"年"+(now.getMonth()+1)+"月"+now.getDate()
		    +"日 "+now.getHours()+":"+now.getMinutes();
		    //等待一秒钟后调用time方法，由于settimeout在time方法内，所以可以无限调用
		   setTimeout(time,1000);
		}
	</script>
    <script>
		$(document).ready(function(){					
			$("#cpnum li").click(function () {
				$(this).addClass("show").siblings().removeClass("show");
                $("#cpra i").addClass("dn");
		        {
					var copyThisC = $(this).clone();
					if ($("#selectC").length > 0) {
						$("#selectC").html($(this).text());

					} else {
						$("#cpra").append(copyThisC.attr("id", "selectC"));
					}
				}
			});
		});
   </script>


</body>
</html>